// 购物车仓库
export default {
  // 开启命名空间
  namespaced: true,
  state: () => ({
    /* 购物车的数组，用来存储购物车中每个商品的信息对象
     每个商品的信息对象，都包含如下 6 个属性：
     { goods_id, goods_name, goods_price, goods_count(商品数量), goods_small_logo, goods_state(选中状态) }*/
    cart: JSON.parse(uni.getStorageSync('cart') || '[]'),

  }),
  mutations: {
    // 添加到购物车
    addToCart(state, goods) {
      // 查找商品信息对象,没找到返回undefined，找到返回找到的对象
      const findResult = state.cart.find(x => x.goods_id === goods.goods_id)
      // console.log(findResult)

      if (!findResult) {
        // 没有商品时,添加商品
        state.cart.push(goods)
      } else {
        // 有商品对象
        findResult.goods_count++
      }
      // console.log(state.cart)

      // 调用本地存储
      this.commit('m_cart/saveToStorage')
    },

    // 更新购物车中商品的勾选状态
    updateGoodsState(state, goods) {
      // 根据id查找对象
      const findResult = state.cart.find(x => x.goods_id === goods.goods_id)
      if (findResult) {
        // 找到对应商品
        findResult.goods_state = goods.goods_state
        // 调用本地存储
        this.commit('m_cart/saveToStorage')
      }

    },

    // 更新购物车中商品的数量
    updateGoodsCount(state, goods) {
      const findResult = state.cart.find(x => x.goods_id === goods.goods_id)
      if (findResult) {
        findResult.goods_count = goods.goods_count
        // 调用本地存储
        this.commit('m_cart/saveToStorage')
      }
    },

    // 根据id删除对应的商品
    removeGoodsById(state, goods_id) {
      // 过滤出不需要删除的商品
      state.cart = state.cart.filter(x => x.goods_id !== goods_id)
      // 调用本地存储
      this.commit('m_cart/saveToStorage')
    },

    // 更新所有商品的勾选状态
    updateAllGoodsState(state, newState) {
      state.cart.forEach(x => x.goods_state = newState)
      // 调用本地存储
      this.commit('m_cart/saveToStorage')
    },

    // 本地存储
    saveToStorage(state) {
      uni.setStorageSync('cart', JSON.stringify(state.cart))
    }
  },

  actions: {},

  getters: {
    // 所有商品的数量
    total(state) {
      // let c=0
      // state.cart.forEach(x => c = c + x.goods_count)
      // return c

      // 使用reduce方法
      return state.cart.reduce((total, item) => {
        return total += item.goods_count
      }, 0)
    },

    // 勾选商品的总数量
    checkedCount(state) {
      // 先使用 filter 方法，从购物车中过滤器已勾选的商品
      // 再使用 reduce 方法，将已勾选的商品总数量进行累加
      // reduce() 的返回值就是已勾选的商品的总数量
      return state.cart.filter(x => x.goods_state).reduce((total, item) => total += item.goods_count, 0)
    },

    // 勾选商品总价格
    checkedGoodsAmount(state) {
      // 先使用 filter 方法，从购物车中过滤器已勾选的商品
      // 再使用 reduce 方法，将已勾选的商品数量 * 单价之后，进行累加
      // reduce() 的返回值就是已勾选的商品的总价
      // 最后调用 toFixed(2) 方法，保留两位小数
      return state.cart.filter(x => x.goods_state)
        .reduce((total, item) => total += item.goods_count * item.goods_price, 0)
        .toFixed(2)
    },
  }
}
